<!--  -->
<template>
  <div class="set">
    <br />
    <br />
    <button @click="toOut">退出登录</button>
  </div>
</template>

<script>
// import out from "../../api/login/index";
// import login from "../../api/login/index";
export default {
  //import引入的组件需要注入到对象中才能使用
  components: {},
  data() {
    //这里存放数据
    return {};
  },
  //监听属性 类似于data概念
  computed: {},
  //监控data中的数据变化
  watch: {},
  //方法集合
  methods: {
    //退出登录
    toOut() {
      this.$api.out({});
      alert("退出登录成功");
    },
  },
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {},
};
</script>
<style lang="scss" scoped>
@import "@css/style.scss";
.set {
  width: 100%;
  height: 100%;
  list-style: none;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  font-size: px2rem(20);
}
</style>
